<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%--
    Document   : index
    Created on : 04/10/2012, 08:00:32 PM
    Author     : Jose Luis Torres
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%
            HttpSession variableSesion = request.getSession(false);
            if (variableSesion.getAttribute("nombreUsuario") != null) {
                variableSesion.removeAttribute("nombreUsuario");
            }
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Suscr&iacute;bete</title>

        <link type="text/css" rel="stylesheet" href="lib/css/estilos.css">
        <link type="text/css" rel="stylesheet" href="lib/css/redmond/jquery-ui-1.8.24.custom.css">
        <script type="text/javascript" src="lib/js/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="lib/js/jquery-ui-1.8.24.custom.min.js"></script>
        <script type="text/javascript" src="lib/js/suscribete.js"></script>
        <script type="text/javascript" >
            function enviar(flag){
                document.getElementById("bandGuardar").value = flag;
                document.getElementById("frmSuscribir").submit();
            }

            function validar(){
                clave1=document.frmSuscribir.txtClave.value
                clave2=document.frmSuscribir.txtConfirma.value
                if (clave1!=clave2) {
                    alert ("Las claves no coinciden!") ;
                }
            }
        </script>
    </head>
    <body>
        <div id="linkSuscrip">
            <a class="ui-corner-all ui-state-error" 
               onmouseover="this.className ='ui-corner-all ui-state-highlight'"
               onmouseout="this.className ='ui-corner-all ui-state-error'"
               href=".">Login</a>
        </div>
        <h1>Bienvenidos al Administrador de Contrase&ntilde;as</h1>
        <h2 style="color:#2E83DD">Suscribirte a nuestro sistema es muy sencillo
            <br>solo tienes que llenar el siguiente formulario</h2>
        <div class="container" id="formaLogin">
            <jsp:useBean id="beanUsuarioDp" scope="page" class="dp.UsuarioDP" />
            <jsp:useBean id="beanSuscripcionDp" scope="page" class="dp.SuscripcionDP"/>
            <form class=" ui-widget ui-widget-content ui-corner-all" 
                  id="frmSuscribir" name="frmSuscribir"
                  action="" method="POST"
                  style="padding:10px;">
                <div class="lblAjuste">
                    <label>Nombre:</label><br>
                    <label>Nickname:</label><br>
                    <label>Clave:</label><br>
                    <label>Confirma Clave:</label><br>
                    <label>Fecha:</label><br>
                    <label>Suscripci&oacute;n:</label><br>

                </div>
                <div class="inputs">
                    <input type="text" value="" name="txtUsuario" id="txtUsuario"><br>
                    <input type="text" value="" name="txtNick" id="txtNick"><br>
                    <input type="password" value="" name="txtClave" id="txtClave"><br>
                    <input type="password" value="" name="txtConfirma" id="txtConfirma" onblur="validar()"><br>
                    <input type="text" name="txtFechita" id="txtFechita" value="">
                    <select id="listSuscripcion" name="listSuscripcion" >
                        <c:forEach var="susp" items="${beanSuscripcionDp.suscripciones}">
                            <option value="${susp.key}">${susp.value}</option>
                        </c:forEach>
                        
                    </select><br>
                </div>
                <input onclick="enviar(1)" style="margin-top:10px" type="button" value="Suscr&iacute;beme" name="btnSuscribir" id="btnSuscribir"
                       class="ui-button ui-widget ui-state-default ui-corner-all"
                       onmouseover="this.className ='ui-button ui-widget ui-state-default ui-corner-all ui-state-hover'"
                       onmouseout="this.className ='ui-button ui-widget ui-state-default ui-corner-all'"/>
                <input type="hidden" value="" id="bandGuardar" name="bandGuardar">
            </form>
            <br>
        </div>
    </body>
</html>

<%
            if (request.getParameter("bandGuardar") != null) {
                int op = Integer.parseInt(request.getParameter("bandGuardar"));
                beanUsuarioDp.setSuscripcionUsuario(2);
                beanUsuarioDp.setNombreUsuario(request.getParameter("txtUsuario"));
                beanUsuarioDp.setNicknameUsuario(request.getParameter("txtNick"));
                beanUsuarioDp.setClaveUsuario(request.getParameter("txtClave"));
                beanUsuarioDp.setFechaIngresoUsuario(request.getParameter("txtFechita"));

                switch (op) {
                    case 1://Ingresar
                        boolean resul = beanUsuarioDp.ingresarUsuarioDP();
                        System.out.println(resul + "");
                        break;
                    default:
                        System.out.print("Opcion escogida invalida");
                        break;
                }
            }
%>